<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta content="关键词" name="keywords" />
    <meta content="关键描述" name="description" />
    <title>品优购</title>
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="./css/base.css" />
    <!-- 引入字体图标库 -->
    <link rel="stylesheet" href="./css/iconfont.css" />
    <!-- 引入网站的公用区域样式 -->
    <link rel="stylesheet" href="./css/common.css" />
    <!-- 引入favicon 图标 -->
    <link type="image/x-icon" rel="shortcut icon" href="./favicon.ico" />
    <!-- 引入自己的css -->
    <link rel="stylesheet" href="./css/list.css">
  </head>

  <body>
    <!-- 快捷导航开始  -->
    <div class="shortcut">
      <div class="w">
        <div class="short_left fl">
          品优购欢迎您！ <a href="./login.html">请登录</a>
          <a href="./reg.html" class="red">免费注册</a>
        </div>
        <div class="short_links fr">
          <a href="javascript:;">我的订单</a><span>|</span>
          <a href="javascript:;">我的品优购 <i class="iconfont">&#xe6b7;</i></a
          ><span>|</span> <a href="javascript:;">品优购会员</a><span>|</span>
          <a href="javascript:;">企业采购</a><span>|</span>
          <a href="javascript:;">关注品优购 <i class="iconfont">&#xe6b7;</i></a
          ><span>|</span>
          <a href="javascript:;">客户服务 <i class="iconfont">&#xe6b7;</i></a
          ><span>|</span>
          <a href="javascript:;">网站导航 <i class="iconfont">&#xe6b7;</i></a>
        </div>
      </div>
    </div>
    <!-- 快捷导航结束  -->
    <!-- header s -->
    <div class="header w">
      <!-- logo -->
      <div class="logo">
        <h1>
          <a href="./index.html">品优购</a>
        </h1>
      </div>
      <div class="sk"><img src="./img/sk.png" alt=""></div>
      <!-- search -->
      <div class="search">
        <form action="">
          <input type="text" class="fl" placeholder="语言开发" />
          <button class="fr">搜索</button>
        </form>
        <div class="hot_words">
          <a href="javascript:;" class="red">优惠购首发</a>
          <a href="javascript:;">亿元优惠</a>
          <a href="javascript:;">9.9元团购</a>
          <a href="javascript:;">美满99减30</a>
          <a href="javascript:;">办公用品</a>
          <a href="javascript:;">电脑</a>
          <a href="javascript:;">通信</a>
        </div>
      </div>
      <!-- shop_car -->
      <div class="shop_car">
        <div class="num">0</div>
        <span class="iconfont red">&#xe65e;</span>
        我的购物车
        <span class="iconfont">&#xe6b6;</span>
      </div>
    </div>
    <!-- header e -->

    <!-- nav s -->
    <div class="nav_w">
      <div class="w">
        <!-- sk_nav -->
       <ul class="sk_nav fl">
         <li><a href="javascript:'">品优秒杀</a></li>
         <li><a href="javascript:'">即将售罄</a></li>
         <li><a href="javascript:'">超值低价</a></li>
       </ul>
       <!-- pr_nav -->
      <ul class="pr_nav fl">
        <li><a href="javascript:'">女装</a></li>
        <li><a href="javascript:'" class="red">女鞋</a></li>
        <li><a href="javascript:'">男装</a></li>
        <li><a href="javascript:'">男鞋</a></li>
        <li><a href="javascript:'">母婴童装</a></li>
        <li><a href="javascript:'">食品</a></li>
        <li><a href="javascript:'">智能数码</a></li>
        <li><a href="javascript:'">运动户外</a></li>
        <li><a href="javascript:'">更多分类 <span class="iconfont">&#xe6b7;</span></a></li>
      </ul>
      </div>
    </div>
    <!-- nav e -->
    <!-- 产品的列表 s -->
    <div class="w">
      <!-- 上面图片 -->
      <div><img src="./upload/bg_03.png" alt=""></div>
      <!-- 下面产品列表 -->
      <ul class="pr_list clearfix">
        <li class="item">
          <!-- 上部分 -->
      <div class="top">
        <!-- 上面图片盒子 -->
        <div class="pic">
          <img src="./img/pic7.png" alt="" />
        </div>
        <!-- 下面文字盒子 -->
        <div class="txt">
          <h4>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h4>
          <p><span>￥</span>6099 <i>￥6999</i></p>
          <ul class="list clearfix">
            <li>已售87%</li>
            <li></li>
            <li>剩余<span>29</span>件</li>
          </ul>
        </div>
      </div>
      <!-- 下面部分 -->
      <div class="btn">
        <a href="./detail.html">立即抢购</a>
      </div>
        </li>
        <li class="item">
          <!-- 上部分 -->
      <div class="top">
        <!-- 上面图片盒子 -->
        <div class="pic">
          <img src="./img/pic7.png" alt="" />
        </div>
        <!-- 下面文字盒子 -->
        <div class="txt">
          <h4>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h4>
          <p><span>￥</span>6099 <i>￥6999</i></p>
          <ul class="list clearfix">
            <li>已售87%</li>
            <li></li>
            <li>剩余<span>29</span>件</li>
          </ul>
        </div>
      </div>
      <!-- 下面部分 -->
      <div class="btn">
        <a href="./detail.html">立即抢购</a>
      </div>
        </li>
        <li class="item">
          <!-- 上部分 -->
      <div class="top">
        <!-- 上面图片盒子 -->
        <div class="pic">
          <img src="./img/pic7.png" alt="" />
        </div>
        <!-- 下面文字盒子 -->
        <div class="txt">
          <h4>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h4>
          <p><span>￥</span>6099 <i>￥6999</i></p>
          <ul class="list clearfix">
            <li>已售87%</li>
            <li></li>
            <li>剩余<span>29</span>件</li>
          </ul>
        </div>
      </div>
      <!-- 下面部分 -->
      <div class="btn">
        <a href="./detail.html">立即抢购</a>
      </div>
        </li>
        <li class="item">
          <!-- 上部分 -->
      <div class="top">
        <!-- 上面图片盒子 -->
        <div class="pic">
          <img src="./img/pic7.png" alt="" />
        </div>
        <!-- 下面文字盒子 -->
        <div class="txt">
          <h4>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h4>
          <p><span>￥</span>6099 <i>￥6999</i></p>
          <ul class="list clearfix">
            <li>已售87%</li>
            <li></li>
            <li>剩余<span>29</span>件</li>
          </ul>
        </div>
      </div>
      <!-- 下面部分 -->
      <div class="btn">
        <a href="./detail.html">立即抢购</a>
      </div>
        </li>
        <li class="item">
          <!-- 上部分 -->
      <div class="top">
        <!-- 上面图片盒子 -->
        <div class="pic">
          <img src="./img/pic7.png" alt="" />
        </div>
        <!-- 下面文字盒子 -->
        <div class="txt">
          <h4>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h4>
          <p><span>￥</span>6099 <i>￥6999</i></p>
          <ul class="list clearfix">
            <li>已售87%</li>
            <li></li>
            <li>剩余<span>29</span>件</li>
          </ul>
        </div>
      </div>
      <!-- 下面部分 -->
      <div class="btn">
        <a href="./detail.html">立即抢购</a>
      </div>
        </li>
        <li class="item">
          <!-- 上部分 -->
      <div class="top">
        <!-- 上面图片盒子 -->
        <div class="pic">
          <img src="./img/pic7.png" alt="" />
        </div>
        <!-- 下面文字盒子 -->
        <div class="txt">
          <h4>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h4>
          <p><span>￥</span>6099 <i>￥6999</i></p>
          <ul class="list clearfix">
            <li>已售87%</li>
            <li></li>
            <li>剩余<span>29</span>件</li>
          </ul>
        </div>
      </div>
      <!-- 下面部分 -->
      <div class="btn">
        <a href="./detail.html">立即抢购</a>
      </div>
        </li>
        <li class="item">
          <!-- 上部分 -->
      <div class="top">
        <!-- 上面图片盒子 -->
        <div class="pic">
          <img src="./img/pic7.png" alt="" />
        </div>
        <!-- 下面文字盒子 -->
        <div class="txt">
          <h4>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h4>
          <p><span>￥</span>6099 <i>￥6999</i></p>
          <ul class="list clearfix">
            <li>已售87%</li>
            <li></li>
            <li>剩余<span>29</span>件</li>
          </ul>
        </div>
      </div>
      <!-- 下面部分 -->
      <div class="btn">
        <a href="./detail.html">立即抢购</a>
      </div>
        </li>
        <li class="item">
          <!-- 上部分 -->
      <div class="top">
        <!-- 上面图片盒子 -->
        <div class="pic">
          <img src="./img/pic7.png" alt="" />
        </div>
        <!-- 下面文字盒子 -->
        <div class="txt">
          <h4>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h4>
          <p><span>￥</span>6099 <i>￥6999</i></p>
          <ul class="list clearfix">
            <li>已售87%</li>
            <li></li>
            <li>剩余<span>29</span>件</li>
          </ul>
        </div>
      </div>
      <!-- 下面部分 -->
      <div class="btn">
        <a href="./detail.html">立即抢购</a>
      </div>
        </li>
        <li class="item">
          <!-- 上部分 -->
      <div class="top">
        <!-- 上面图片盒子 -->
        <div class="pic">
          <img src="./img/pic7.png" alt="" />
        </div>
        <!-- 下面文字盒子 -->
        <div class="txt">
          <h4>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</h4>
          <p><span>￥</span>6099 <i>￥6999</i></p>
          <ul class="list clearfix">
            <li>已售87%</li>
            <li></li>
            <li>剩余<span>29</span>件</li>
          </ul>
        </div>
      </div>
      <!-- 下面部分 -->
      <div class="btn">
        <a href="./detail.html">立即抢购</a>
      </div>
        </li>
      </ul>
    </div>
    <!-- 产品的列表 e -->
   <!-- footer s  -->
   <div class="footer">
    <div class="w">
           <!-- foot_up -->
      <div class="foot_up">
          <ul>
            <li>
              <div class="icon"></div>
              <h4>极速物流</h4>
              <p>急速物流，急速送达</p>
            </li>
            <li>
              <div class="icon"></div>
              <h4>极速物流</h4>
              <p>急速物流，急速送达</p>
            </li>
            <li>
              <div class="icon"></div>
              <h4>极速物流</h4>
              <p>急速物流，急速送达</p>
            </li>
            <li>
              <div class="icon"></div>
              <h4>极速物流</h4>
              <p>急速物流，急速送达</p>
            </li>
            <li>
              <div class="icon"></div>
              <h4>极速物流</h4>
              <p>急速物流，急速送达</p>
            </li>
          </ul>
        </div>
        <!-- foot_middle -->
        <div class="foot_middle">
          <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/团购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
          </dl>
          <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/团购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
          </dl>
          <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/团购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
          </dl>
          <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/团购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
          </dl>
          <dl>
            <dt>购物指南</dt>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">会员介绍</a></dd>
            <dd><a href="#">生活旅行/团购</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">大家电</a></dd>
            <dd><a href="#">联系客服</a></dd>
          </dl>
          <dl>
            <dt>购物指南</dt>
            <dd>
              <img src="./img/wx_cz.jpg" alt="" />
              <p>品优购客户端</p>
            </dd>
          </dl>
        </div>
        <!-- foot_down -->
        <div class="foot_down">
          <p>
            <a href="#">关于我们</a><span>|</span> <a href="#">联系我们</a
            ><span>|</span> <a href="#">联系客服</a><span>|</span>
            <a href="#">商家入驻</a><span>|</span> <a href="#">营销中心</a
            ><span>|</span> <a href="#">手机品优购</a><span>|</span>
            <a href="#">友情链接</a><span>|</span> <a href="#">销售联盟</a
            ><span>|</span> <a href="#">品优购社区</a><span>|</span>
            <a href="#">品优购公益</a><span>|</span> <a href="#">English Site</a
            ><span>|</span>
            <a href="#">Contact U</a>
          </p>
          <p>
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096
            电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br />
            京ICP备08001421号京公网安备110108007702
          </p>
        </div>
    </div>
     
    </div>
   <!-- footer e -->
    </div>
  </body>
</html>
